@import "common";
@import "index";
@baseFont:50rem;
.search-content{
    display: flex;
    position:fixed;
    top: 0;
    width: 15rem;
    height: (88/50rem);
    background-color: #ffc001;
    .sify{
        width: (44/50rem);
        height: (70/50rem);
        // background-color: pink;
        margin: (11/50rem) (25/50rem) (7/50rem) (24/50rem);
            background: url(../images/分类.png) no-repeat;
            background-size:(44/50rem) (70/50rem) ;
        }
    .serach{
        flex: 1;
        input{
            outline: none;
           padding-left: (40/@baseFont);
            border: 0;
            width: 100%;
            height: (60/@baseFont);
            border-radius: (45/@baseFont);
            background-color: #FFF2CC;
            font-size: (20/@baseFont);color: #757575;
        }
    }
    .login{
        width: (65/50rem);
        height: (70/@baseFont);
        margin: (10/@baseFont);
        background-color: red;
        background: url(../images/登录.png) no-repeat;
        background-size:(65/50rem) (70/@baseFont);
    }
}
.banner{
    width: 15rem;
    height: (368/@baseFont);
    img{
        width: 100%;
        height: 100%;
    }
}
.dd{
    display: flex;
    width: 15rem;
    a{
        flex: 1;
        img{
            width: 100%;
        }
    }
}
nav{
    width: 15rem;
    a{
        float: left;
        width: (150/@baseFont);
        height: (140/@baseFont);
        text-align: center;
        img{
            display: block;
            width: (82/@baseFont);
            height: (82/@baseFont);
            margin: (3/@baseFont) auto 0;
        }
        span{
            font-size: (25/@baseFont);
            color: #333;
            
        }
    }
}